<Html>
    <head>
        <title>维护状态</title>
    </head>
    <body>
        <script>
             // ★三、 维护状态
                                
                                /*
                                    当Vue正在更新使用 v-for 渲染的元素列表时，它默认使用 "就地更新" 的策略。
                                    如果数据的顺序被该百年， Vue 将不会移动DOM元素来匹配数据的顺序，而是就地更新每个元素，并且确保他们在每个索引位置正确渲染。

                                    这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态的列表渲染输出。

                                    为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每个项提供一个唯一的 key attribute:
                                */
                                        /*
                                            eg:
                                                <div v-for="item in items" v-bind:key="item.id">
                                                       
                                                </div>
                                        */ 
                                       
                                /*
                                    建议尽可能子啊使用 v-for 时提供 key attribute,除非遍历输出的DOM内容非常简单，或者可以依赖默认行为以获取性能上的提升。


                                    因为它是Vue识别节点的一个通用机制， Key 并不仅与 v-for 特别关联。后面我们将在指南中看见，它还具有其他用途。

                                    注意：  不要使用对象或数组之类的非基本类型值作为 v-for的 key 。  请用字符串或数值类型的值！
                                */
        </script>
    </body>
</Html>